<template>
    <div class="yybox four-cornor-wrapper" style="background:#fff;">
      <i class="l"></i>
      <i class="r"></i>
      <i class="t"></i>
      <i class="b"></i>
      <!-- main -->
      <h2 class="common-title">
        <span class="main">养生常识</span>
      </h2>
      <!-- product-list -->
      <div v-if ="infoArr.length > 0">
        <ul class="product-list">
          <li class="product-list-item" v-for="(v, i) in infoArr" :key="i" @click="viewProduct(v)">
            <div class="product-img"><img :src="v.image" /></div>
            <div class="product-title">
              <div class="topTitle">
                {{v.title}}
              </div>
              <p class="content">
                {{v.intro}}

              </p>
              <p class="pTime">
                发布日期: {{v.time}}
              </p>
            </div>
          </li>
        </ul>
        <!-- <div class="clearfix mt20" >
          <div class=" fr">
            <el-pagination
              @size-change="handleSizeChange"
              @current-change="handleCurrentChange"
              :current-page="params.pagenum"
              :page-sizes="[12, 24, 36, 48]"
              :page-size="params.pagesize"
              layout="total, sizes, prev, pager, next, jumper"
              :total="total">
            </el-pagination>
          </div>
        </div> -->
      </div>
      <div class="no-data" v-else>暂无数据</div>
      <!-- end product list -->
    </div>
</template>
<script>
export default {
  data () {
    return {
      params: {
        areaId: 403890,
        // gcId: '',
        // gcId1: '',
        keyWord: '',
        orderId: 10,
        pagenum: 1,
        pagesize: 12,
        appCode: 'resident'
      },
      products: [],
      total: 0,
      infoArr: [
        {id:1,title: '失眠，伤不起！本想睡到自然醒，谁知失眠到明天', time: '2018-12-16', image: require('../../assets/info/health1.jpg'), intro:"你们可否知道在这世上，很多东西我们拥有时并不珍惜，失去了才懂得后悔。所有的“失”，都很难治愈。比如失望，失恋，失眠…………..", topContent: '<p>&nbsp;&nbsp;<span>&nbsp; &nbsp; 一般人们所说的“癌症”习惯上泛指所有恶性肿瘤。恶性肿瘤生长速度快，呈浸润性生长，易发生出血、坏死、溃疡等，并常有远处转移，造成人体消瘦、无力、发热以及严重的脏器功能受损等。因此恶性肿瘤患者往往需要长期坚持用药治疗。鸦胆子油软胶囊是临床上可用于治疗癌症的药物，那么鸦胆子油软胶囊能够长期服用吗?</span></p>', content: `失眠的人请回想一下，曾经你在上学的时候，是不是常常睡不醒？每次上课，老师讲课就像讲催眠曲，我们就像他的小宝宝一样，很快被哄觉？<br>其实你们不知道我们依然可以睡得死去活来，然而有什么用？现在回到家累的要死，但是真正躺在床上，又睡不着，只有玩玩手机，借助手机的力量才缓缓入睡.......<br>其实失眠看似不是大问题，但是只有深有体会的人才知道“失眠”带给我们的痛苦！有些人用了几副药之后失眠就有了很大的改善,但是又有些人，怎么用药，效果都不明显，或者总是反复。<br>中医基础理论认为，心主神志，主血脉。心失所养可见心悸恐惊，失眠健忘，烦闷不舒等证。<br>失眠是心理专科的常见病,但传统治疗往往以药物镇静为主,病人服药期间有效,停药后易复发,长期服药又会产生药物依赖性,故目前最新的心理治疗为了统合施治及物理治疗等配合少量药物治疗,减少大量用药的副作用,让病人心身得以康复。<br>“睡不好”也分不同的类型，今天，小编带大家一起来了解一下吧。<br>睡眠不好的5种类型<br>1. 脾胃失和型<br>脾胃失和的人容易睡不安稳，睡着睡着就醒了。同时感到口淡、口腻，有厌食的情况。<br>这种情况要以健脾养胃为主。可以多吃小米、莲子、山药、大枣等食物，主食方面可以多吃玉米和薏米。肉类可以多吃牛肉、鸡肉和鱼肉。水果可以多吃葡萄和桃子。<br>脾胃失和一定要注意不要暴饮暴食，做到营养均衡、荤素搭配、三餐要定时。避免辛辣、刺激、油腻、生冷和不易消化的食物。<br>2. 营血蕴热型<br>营血蕴热就是我们所说的血热。这种类型的人通常表现为醒的早，但是还有困意，醒了又睡，迷迷糊糊到天亮。经常伴有口干、咽干、长痤疮、盗汗的症状。<br>平时可以多吃莲藕、槐花、绿豆、薏苡仁等可以“凉血”。苦瓜、丝瓜、芦笋、鸭肉也是凉血食物。<br>血热的人要避免在日光下照射，运动比如瑜伽也有助于调节。<br>3. 气不足型<br>气是运行于经脉中的气。气不足主要表现在整晚都似睡非睡，没有深睡眠。白天精神不振、健忘、有时还会心慌。<br>这类人主要以养血补气安神为主。在睡觉前最好喝杯温牛奶在泡个脚。平时多吃一些补气血的食物，煲汤时可以放点补气血的中药材，比如当归、黄芪、熟地。<br>4. 肝气郁滞型<br>肝气郁滞主要表现在入睡困难。<br>这种人要以疏肝解郁为主，多吃佛手、小米等食物，多注意调节自己的情绪，放开心胸，不要有太多的思虑。<br>5. 肾虚精亏型<br>这个类型的人一般表现为睡得不沉，自己睡没睡着都感觉不到。<br>多因肾虚、肾阴耗竭引起。平时应该多补肾，吃黑色的食物。比如黑米、黑豆、黑芝麻、黑木耳等。也可以用艾灸的方法来补肾。<br>养成良好的睡眠习惯<br>经常失眠的朋友更要养成良好的睡眠习惯，到时间立即就寝，早睡早起，摒弃不健康的睡眠习惯，例如开灯睡觉、不按时睡觉、喜欢睡回笼觉等等。<br>1. 睡前尽量放轻松<br>很多朋友之所以会失眠，就是因为心思沉重、脑袋里想事情太多，从而影响睡眠。<br>因此，朋友们宜在睡前尽量的让自己处于最轻松的状态，想一些愉快的事情、别给自己太大压力，放空你的大脑，便会很容易进入睡乡了。<br>2. 营血蕴热型<br>如今，很多失眠朋友经常在工作上给自己太大的压力、工作量爆棚，尽管勉强睡着，睡眠质量也不好。<br>那么，工作狂就请对自己好一点，别把工作安排得过满，否则得不偿失哦！<br>3. 甩开8小时睡眠的固定思想<br>我们经常说充足的睡眠一定要达到8小时，实际上，所谓的8小时睡眠就是一个睡眠的平均值，如果你把自己的思维固定在8小时的框框里，那么，就会给自己太大的压力，反而不利于睡眠。<br>朋友们只需要知道每天不要熬夜，尽量早睡、早起，睡前别吃太多东西，适当的做些小运动，这样对于你的睡眠才是最好的。<br>4. 睡前4小时停止锻炼<br>锻炼有益睡眠。但是睡前4小时内最好不要锻炼，否则锻炼会令身体兴奋，难以入睡。<br>5. 睡前3小时不进食<br>睡前几小时千万别胡吃海塞，否则容易导致胃酸返流，影响睡眠。`},
        {id:2,title: '癌症是吃出来的？医生无奈：3种蔬菜吃越多，“癌细胞”越兴奋！', time: '2018-12-10', image: require('../../assets/info/health2.jpg'), intro:"癌症是一种特别可怕的疾病，即使是以如今的医学技术，依旧还是无法完全治好癌症，研究发现在可能引发癌症的因素中，饮食、吸烟和运动等生活方式因素的比重占到 20%~40%。", topContent: '<p><span>&nbsp; &nbsp; 在我国，中药有悠久历史。疗效是中医的生命，辨证论治是中医的精髓。当辨证、选方、用药确定后，合理用量便成为提高临床疗效的关键。“理、法、方、药”为传统辨证论治体系的四个关键要素，而关于“量”的问题则缺乏系统的理论阐述。</span></p><p>&nbsp; &nbsp; 方药用量策略指医生为追求最大疗效，选择最佳用量范围的过程。用量策略是方药剂量理论的重要组成部分，也是考量医生临床水平的重要标准。医圣张仲景《伤寒杂病论》之方药少而精，药专力宏，被誉为“经方”，是历代中医经典名方的集中代表。但因年代久远，度量衡屡经变异，使仲景经方之本源剂量成为千古之谜——关于经方1两如何折算，有几十种答案。</p>', content: `香椿中蛋白质含量也高于普通蔬菜，维生素C含量高于普通蔬菜水果，所以民间自古就有“食用香椿，不染杂病”之说。但研究发现，每公斤香椿中含有30毫克以上亚硝酸盐，过量食用会让这种物质在人体内堆积，严重时会出现亚硝酸盐中毒甚至诱发癌症。<br>鱼腥草也是一种常见的乡间蔬菜，鱼腥草最让我们惊叹的不是鱼腥草的功效，而是它的味道。味道比较奇特，但是它却具有广泛的治疗作用，对很多的疾病都可以起到治疗的作用。但吃的时候，不要高温爆炒，因为高温下极易滋生有害物质“马兜铃内酰胺”，这种物质已被列为致癌物质之一。会引起肾脏纤维化，导置尿路上皮癌，造成可积累且不可逆的肾损伤。<br>蕨菜，口感脆嫩的蕨菜是很受欢迎的春季野菜之一。蕨菜的食法很多，炒、烧、煨、焖都可以。但不幸的是，蕨菜确实被证实会增加癌症风险，属于 2B 级致癌物，特别是嫩芽部分，多吃会引起头晕，甚至易患胃癌的风险。<br>远离六大致癌食物<br>1、咸鱼<br>咸鱼产生的二甲基亚硝酸盐，在体内可以转化为致癌物质二甲基亚硝酸胺。咸蛋、咸菜等同样含有致癌物质，应尽量少吃。<br>2、烧烤食物<br>烤牛肉、烤鸭、烤羊肉、烤鹅、烤乳猪、烤羊肉串等，因含有强致癌物不宜多吃。<br>3、熏制食品<br>如熏肉、熏肝、熏鱼、熏蛋、熏豆腐干等含苯并芘致癌物，常食易患食道癌和胃癌。<br>4、油炸食品<br>食物煎炸过焦后，产生致癌物质多环芳烃。咖啡烧焦后，苯并芘会增加20倍。油煎饼、臭豆腐、煎炸芋角、油条等，因多数是使用重复多次的油，高温下会产生致癌物，而且很容易诱发高血脂等慢性病。<br>5、霉变物质<br>米、麦、豆、玉米、花生等食品易受潮霉变，被霉菌污染后会产生致癌毒草素——黄曲霉菌素。这也是肝癌的主要发病诱因之一。<br>6.高脂食物<br>高脂食物跟胃肠肿瘤有关系，而且会促进癌细胞的增殖，因为大多数致癌物是脂溶性的，你摄入的脂肪越多，能吸收的致癌物也就越多。并且高脂饮食会刺激胆汁酸分泌，从而刺激肠道黏膜，久而久之可引发肿瘤。<br>当然，虽然少吃这些食物能减少患癌症的风险，但是完全不碰它们太过极端，相信很多人也做不到。而且高热高脂的食物是把双刃剑，吃了增加得癌风险，不吃又会让人体缺乏热量和脂肪，引发一系列健康问题。单调饮食或长期偏食，会造成某些营养素过少，致使机体营养失衡。而膳食失衡，也是诱发癌症的重要原因之一。<br>最好的防癌食谱是均衡饮食<br>肿瘤专家认为，营养均衡的饮食是最好的防癌食谱，不要轻信某种事物可以抗癌致癌。不谈剂量谈效果都是耍流氓，例如蔬菜水果，好处多多，但是过量也可引起疾病，而腊肠、香肠虽然有碍健康，但吃一次不见得就会怎样。因为世界上没有一种食物的营养成分足以满足人类对营养的全部需求，只有全面均衡的营养才能让机体保持在最好状态。<br>如何均衡营养？其实我国传统饮食就不错，可参考最新版中国居民膳食指南，以谷物为主，搭配大量蔬菜和适量肉类、坚果和乳制品等。<br>“病从口入”是非常有道理的，但想“把吃出来的病吃回去”就没有那么容易了，一般都要配合药物治疗。而不良饮食习惯诱发的癌症，把病吃回去纯粹是妄想。不如早做防范，断绝饮食致癌的渠道。`},
        {id:3,title: '桂圆怎么吃才不上火呢？', time: '2018-08-14', image: require('../../assets/info/health3.jpg'), intro: "一直以来我们好像都分布清楚谁是谁，反正都有人叫，然后就一团浆糊了，其实很简单的，他们就是一样的食物，新鲜有水分的和水果一样吃的就是龙眼，晒干去核后的就是桂圆的，是不是很好分辨呢？", topContent: '<p>&nbsp; &nbsp; 油盐酱醋家家都需要，它们是居家必不可少的调料，多方面了解其对用药的影响，在应用药物治疗时将大有益处。</p><p>&nbsp; &nbsp;<strong>&nbsp;油对药物治疗的影响：</strong>首先，由于高脂肪性食物可抑制胃酸分泌，服用铁剂时，会对铁的吸收产生影响;高脂肪性食物还会使某些抗生素的吸收降低，对其生物利用度产生影响，例如，油脂会使强力霉素药效降低20%。另外，油脂可使某些驱虫药的溶解度增加，从而增加胃肠道对其的吸收，使药物在肠道中的浓度降低，不仅降低疗效，还可因吸收增加而引起中毒反应。</p>', content: `桂圆的功效：<br>1、补血<br>桂圆补血的功能比红枣的效果更好，还不会像红枣一样湿热，但是桂圆热燥，易上火。<br>2、安神、安眠<br>桂圆中含有大量的蛋白质、维生素、还有糖分，糖分可以直接转化为人体所需的葡萄糖，对于身体虚弱而且心悸失眠的人来说，有很好的安神作用。<br>3、开胃<br>桂圆中含有一种可以驱除肠叶寄生虫及血吸虫的成分，有助于增强食欲，消除食欲不振、肢倦乏力等症。<br>4、补肾美容<br>桂圆主要是补气血，常常吃桂圆的女人，一般都会面色红润有光泽，桂圆性温，它具有滋阴补肾、润肤美容等功效。<br>正确吃桂圆的方法：<br>1、适量<br>每天干吃的话最好是吃五六粒就可以了。<br>2、用于泡茶煲汤煲粥<br>可以用红枣桂圆泡茶，补血效果是非常好的。怕上火可以在加点菊花，菊花清火，补气血的同时还可以预防上火哦。<br>不适合吃桂圆的人：<br>感冒、发热、咳嗽有痰等体内有痰湿及热病患者不宜食用桂圆或喝桂圆茶。<br>怀孕的女性也不适合吃桂圆，严重容易造成流产。`},
        {id:4,title: '长期喝白酒是抗癌，还是患癌？', time: '2018-12-14', image: require('../../assets/info/health4.jpg'), intro:"白酒是日常生活中常见的酒类，尤其是一些上了岁数的人更喜欢喝浓香型的白酒，喝起来是别有一番滋味。而最近几年有传言说长期喝白酒还可以抗癌。", topContent: '<p><span>&nbsp; &nbsp; 药品容易受到光线、温度、湿度、微生物的影响与破坏。如药品存放不当，或存放过久，会使药品质量下降或变质无效，用这样的药品会造成不良后果。</span></p>', content: `这到底是怎么回事呢？在传言中说白酒中含有一种叫非挥发性脂肽化合物的化合物，还说这种营养物质已经被证实是白酒中对身体健康有益的成分，也是可以抗癌的物质。但一直以来，都说酒是危害健康的凶手。<br>那长期喝白酒到底是防癌，还是患癌呢？<br>如果真的要说白酒中有含有对健康有益的成分，那这些成分即便是有，即便是对身体健康有益，它们的含量也绝对不会超过各种酒类中的酒精。并且，最重要的是，酒精这种物质，已经被世界卫生组织列为是1类的致癌物。<br>简单来说，是有明确致癌的成分，对身体健康是有害的。健康的做法是不建议大家多喝，最好的是不喝，尤其是对于本身就有特殊情况的人。<br>如糖尿病人群、高血压人群、高血脂人群、心血管疾病人群等等，在这些疾病的基础上都不要喝酒了，避免给身体增加不必要的负担。<br>另外，对于喝酒就脸红或者脸白的人群，也不要喝酒，这种情况的人本身体内就缺乏可以分解酒精的酶，再多喝酒只会让酒精的危害更加损害身体健康。<br>至于还有一些人因为听说白酒中含有对人体健康十分有益的物质，而逼迫自己喝白酒，或者是用白酒来泡一些中药材，这些都是不对的做法。<br>尤其是用白酒私自去泡中药材，乱用中药，本身就容易给肝脏、肾脏增加负担，再食用过多这样的酒，你以为的养生还会害了自己，甚至是增加肝癌、肾癌等更严重的病症。<br>因此，对于喝白酒到底是患癌还是防癌，显而易见，白酒确实不是一个对健康会有益的物质，还是能少喝就少喝，能不喝就不喝吧。<br>如果你喝酒的时间已经非常长了，有了酒瘾，也要尽量控制自己少喝，且在食用的标准范围之内饮用，才会给身体减少负担。那每人每天喝多少合适呢？<br>每天每位男士喝白酒的酒精量不能超过25g，而跟男士相比，女士更要做到少喝酒，每天每位女士喝白酒的酒精量不能超过20g，看看你符合这个标准吗。`},
        {id:5,title: '拔罐有什么好处 能治疗疾病吗？', time: '2018-12-17', image: require('../../assets/info/health5.jpg'), intro:"相信大家都听说过拔罐，它是一种传统的中医养生疗法，主要针对人体穴位或患病部位进行治疗，消除疼痛、消化不良、落枕等症状，但是不能治疗疾病，因此，大家在遇到疾病来临时，还是要去正规医院治疗。", topContent: '<p>&nbsp;<span>&nbsp; &nbsp; 人体自然的生物节律就犹如心脏跳动一样重要，体内无一器官没有各自的节律，节律消失就意味着人体的死亡。医生和药物学家认识到，按一定的时间表服用药物，可以收到更好的药用效果。下面将部分药品服用的最佳时间介绍如下。</span></p>', content: `拔罐的好处有很多，它不但可以帮助调节身体免疫力，促进血液循环，加速新陈代谢，而且可以缓解很多疼痛，并能吸毒排脓，总之，拔罐可以给人们带来很多好处，但是大家也不能太依赖拔罐，并不是人任何疾病都能用拔罐来治疗。拔罐的好处如下：<br>1、 能调整免疫功能，增强自身抵抗力。<br>由于拔罐所产生的瘀血残留组织间隙，可适当激活身体的免疫力，以及对发炎物质具有清除能力，是一种良性的自身训练。<br>2、 能够牵拉肌肉，提高痛阈，缓解酸痛疲劳。<br>就是当肌肉处于紧张状态的时候，局部血液灌流量将会下降，以致于促使组织缺血，但拔罐中的走罐手法，能拉长肌肉，增加血液灌流量，提高局部的耐痛阈值，进而使肌肉舒张，重新储备所需的能量。<br>3、 能促进血液循环，加快新陈代谢。<br>这是由于拔罐能使血管扩张，让局部血液循环变好，进而促使废物、毒素加速排出体外，同时也改善局部组织的营养状态，提供更多营养物质和氧气到细胞。<br>4、 能循经感传，调整人体内脏机能。<br>这是利用经络连结脏腑的理论，选取与脏腑相关的经络沿线进行拔罐刺激，适合使用来回走罐、滑罐等手法，这些手法对呼吸道、胃肠道、心血管、妇科疾患等都能起到相应感传，透过感传刺激有助于达到内部机能的调整。<br>5、 能吸毒排脓，促进伤口愈合。<br>受到拔罐的负压所吸引，将有助于局部脓液、细菌产生的毒素以及其他不利伤口愈合的物质排出体外，同时还可以刺激肉芽组织生长，以及收缩伤口，进而达到促进伤口愈合的目的。<br>总之，拔罐的好处有很多，但也并不是万能的，所以大家不要身体以不舒服就依赖拔罐，如果发现身体有疾病的症状，还是要去正规专业的医院进行检查和治疗，切不可用拔罐来治疗所有疾病，以至于耽误了疾病的规范治疗，从而造成危害。`},
        {id:6,title: '冬季如何养生保健 有暖身三大宝帮你', time: '2018-12-16', image: require('../../assets/info/health6.jpg'), intro:"四季之中，冬季是藏的季节，五脏之中，肾是主藏的脏腑。那么，冬季养肾的核心是什么呢？就是“无扰乎阳”！肾为先天之本，在人的一生中，肾气是不断衰减消耗的，在阳气较弱的冬季，补肾阳是养生的主旋律。", topContent: '<p><span>&nbsp; &nbsp; 临床表现皮疹多发生于颜面，尤其是颊、额、鼻旁等，皮疹炎症明显，或有口臭口干，脓疱，尿黄便结，苔黄，舌质红，脉数。此时，可以服用清胃黄连丸，能起到很好的疗效。那么，清胃黄连丸不良反应是什么?可以长期用吗?</span></p>', content: `冬季暖身三大宝——泡脚、艾灸、太阳好<br>中医提醒，除了注重饮食药膳之外，冬季还可以通过泡脚、艾灸、晒太阳等方式，更好地养生。<br>一、泡脚+按摩脚部<br>寒冬夜晚，入睡前用温水泡脚，促进血液循环，对心脏、肾脏及睡眠都有益处。如果泡脚和按摩合在一起做，效果更好。<br>做法：用双手揉搓脚面及脚底部穴位，尤以涌泉穴(位于足底前部凹陷处第2、3脚趾缝头端与足跟连线的前三分之一处)、昆仑穴(位于外脚踝后方，外踝尖与跟腱之间的凹陷处)2个穴位最佳。按揉脚部穴位，可以清脑明目，对缓解高血压有一定辅助功效。<br>二、家有三年艾，郎中不用来<br>艾草有行气活血、温通经络、祛湿散寒的功效，适当的艾灸对于祛寒有非常明显的效果。<br>做法：手持灸条在距离身体酸痛处皮肤2厘米左右处环旋熏灸，温热为度，每天灸10~15分钟，就会有不错的效果。<br>三、晒晒太阳，加加“油”<br>晒太阳可以温煦体内的阳气，是养生必不可少的手段。<br>做法：<br>1. 晒头顶补阳气<br>中医认为“头为诸阳之首”，是所有阳气汇聚的地方，凡五脏精华之血、六腑清阳之气，皆汇于头部。晒头顶不必拘时拘地，可随时进行，平时天气好时，到室外散步，让阳光洒满头顶，可以通畅百脉、调补阳气。<br>2. 晒后背调气血<br>人体腹为阴，背为阳，很多经脉和穴位都在后背，晒这里能起到调理脏腑气血的作用。晒的时候注意让阳光直射背部，老人在公园锻炼时可特意将后背朝向阳光即可。<br>3. 晒腿脚除寒气<br>“寒从脚下起”，常容易手脚冰冷的人，多是阳虚体质，这种情况不妨多晒晒脚，以驱走体内的寒气。有老寒腿的人，可以把腿在阳光下晾一晾，能很好地驱除腿部寒气，还能加速钙质吸收，帮助预防骨质疏松。<br>4. 晒手心助睡眠<br>晒手心的方法很简单，在阳光下摊开双手朝向阳光，或者抬起双手，掌心朝向阳光即可。常晒手掌可舒缓疲劳，促进睡眠。`}
      ]
    }
  },
  filters: {
    fixed (val) {
      return val.toFixed(2)
    }
  },
  mounted () {
    // this.getProducts()
  },
  methods: {
    handleSizeChange (val) {
      this.params.pagesize = val
      this.getProducts()
    },
    handleCurrentChange (val) {
      this.params.pagenum = val
      this.getProducts()
    },
    viewProduct (i) {
      sessionStorage.setItem('curInfo', JSON.stringify(i))
      this.$router.push('/info/detail')
    },
    searchHandle (val) {
      this.params.keyWord = val
      this.getProducts()
    },
    getProducts () {
      this.$store.commit('UPDATE_LOADING')
      commonAjax(['app/shop/goods/list', this.params], `${PLATFORM_PREFIX}.shoppingMallService`, 'doPost').then(res => {
        this.$store.commit('UPDATE_LOADING')
        if (res.data.code === 200) {
          let body = JSON.parse(res.data.body)
          if (body.data.total > 0) {
            console.log(body.data.goods)
            this.total = body.data.total
            this.products = body.data.goods
          } else {
            this.products = []
          }
        }
      })
    },
    orderProduct () {
      if (this.params.orderId === 10) {
        this.params.orderId = 11
      } else {
        this.params.orderId = 10
      }
      this.getProducts()
    },
    priceProduct () {
      if (this.params.orderId === 20) {
        this.params.orderId = 21
      } else {
        this.params.orderId = 20
      }
      this.getProducts()
    }
  }
}
</script>

<style lang="less" scoped>
@import '../../common/css/vars.less';
.common-title {
  padding: 20px;
  border-bottom: 2px solid #FCF6F2;
  overflow: hidden;
  .main {
    float: left;
    color: @color-primary;
    font-size: 1.2em;
  }
  .sub {
    float: left;
    margin-left: 80px;
    margin-top: 12px;
    color: #666;
    font-size: 14px;
    .iconfont {font-size: 12px;}
    dt , dd{float: left;margin-left: 20px;cursor: pointer;}
  }
}
.product-list{
  overflow: hidden;
  padding: 20px;
  >.product-list-item {
    position: relative;
    float: left;
    width: 100%;
    margin-bottom: 20px;
    border: 1px solid @color-border;
    padding: 10px;
    transition: all .5s;
    cursor: pointer;
    overflow: hidden;
    &:hover{
      border-color: #EAD0C3;
      box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);
    }
    .product-img{
      width: 200px;
      height: 160px;
      float: left;
      margin-right: 20px;
      position: relative;
    }
    .product-img > img {
      width: 80%;
      // height:100%;
      position: absolute;
      left: 50%;
      top: 50%;
      transform: translate(-50%,-50%);
    }
    .product-title {
      width: 760px;
      float: left;
      .topTitle{
        width: 100%;
        line-height: 2;
        font-size: 16px;
      }
      .content{
        width: 100%;
        line-height: 1.5;
        font-size: 14px;
        color:#666;
      }
      .pTime{
        margin-top: 30px;
        color:#666;
        font-size: 12px;
      }
    }
  }
}
</style>
